<!--
 * @Author: 1453937336@qq.com 1453937336@qq.com
 * @Date: 2024-04-17 18:08:26
 * @LastEditors: 1453937336@qq.com 1453937336@qq.com
 * @LastEditTime: 2024-06-07 15:43:45
 * @FilePath: \itforce_hris\src\views\system\dept\component\corporate-information.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <a-row>
      <a-col :span="24">
        <svg-icon name="company" />
        <span class="subTitle">{{ $t("公司信息") }}</span>
      </a-col>
      <a-col :span="24" style="margin-top: 16px;">
        <a-row>
          <a-col :span="3" class="lable">{{ $t("唯一编码") }}</a-col>
          <a-col :span="5" class="context"> {{ props.companyObj.uniqueCode }}</a-col>
          <a-col :span="3" class="lable">{{ $t("公司") }}</a-col>
          <a-col :span="10" class="context"> {{ props.companyObj.name }}</a-col>
        </a-row>
        <a-row style="margin-top: 16px;">
          <a-col :span="3" class="lable">Email</a-col>
          <a-col :span="5" class="context">{{ props.companyObj.email }}</a-col>
          <a-col :span="3" class="lable">{{ $t("电话") }}</a-col>
          <a-col :span="5" class="context">{{ props.companyObj.phone }}</a-col>
          <a-col :span="3" class="lable">{{ $t("网址") }}</a-col>
          <a-col :span="5" class="context">{{ props.companyObj.website }}</a-col>
        </a-row>
        <a-row style="margin-top: 16px;">
          <a-col :span="3" class="lable">{{ $t("外部公司") }}</a-col>
          <a-col :span="5" class="context">{{ props.companyObj.outSource === 1 ? $t("Yes") : $t("No") }}</a-col>
          <a-col :span="3" class="lable">{{ $t("地址") }}</a-col>
          <a-col :span="5" class="context">{{ props.companyObj.address }}</a-col>
        </a-row>
      </a-col>
    </a-row>
  </div>
</template>
<script setup>
import { h } from 'vue';
import { defineProps, watch } from "vue";
import { useI18n } from 'vue-i18n';
const { t: $t } = useI18n();
const props = defineProps({
  companyObj: { type: Object, default: {} }
});

</script>
<style lang="scss" scoped>
.lable {
  color: var(--font-form-color);
  font-size: 12px;
}
.context {
  color: var(--font-value-color);
  font-size: 12px;
}
.subTitle {
  margin-left: 8px;
  font-size: 14px;
  font-weight: bold;
  color: var(--font-value-color);
}
</style>
